<template>

  <!-- 
  vuex中的state getters基本使用
   - state 提供数据的方式 用到所有的数据都放到state state必须是一个对象
     - 定义数据 可以在任何组件中使用  语法: state :{}  
     - 调用数据
       - 方式1: 直接标签内调用 `{{$store.state.title}}`
       - 方式2: 计算属性内定义 `count(){ return this.$store.state.count }`
       - 方式3: 
          `import { mapState } from "vuex";` // 引入辅助函数mapstate
          computed:{
            ...mapState(['actor'])
          }
   - getters  vuex中的计算属性
     - 定义getters  语法和vue的computed一致 
     - 调用getters
       - 方式1 标签内直接使用 `{{$store.getters.doubleCount}}`
       - 方式2
        doubleCount(){
          return this.$store.getters.doubleCount
        }
        - 方式3 : 引入辅助函数mapGetters
        ...mapGetters(['doubleCount'])
   -->


  <div>
    <count/>
    <movie/>
  </div>
</template>

<script>
import Count from './components/Count.vue'
import Movie from './components/Movie.vue'



export default {
  components: { Count, Movie },
  mounted(){
    console.log(this);
  }

}
</script>

<style>

</style>